<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>04_新增文本标签</title>
  </head>

  <body>
    <ruby>
      <span>魑魅魍魉</span>
      <rt>chī mèi wǎng liǎng </rt>
    </ruby>

    <hr />

    <div>
      <ruby>
        <span>魑</span>
        <rt>chī</rt>
      </ruby>

      <ruby>
        <span>魅</span>
        <rt>mèi</rt>
      </ruby>
    </div>
    <p>
      Lorem ipsum <mark>dolor</mark> sit, amet consectetur adipisicing elit.
      Consequatur animi magni sed, laudantium, repudiandae alias facilis
      doloribus ea fuga exercitationem magnam, ducimus eos reiciendis beatae
      maxime obcaecati! Quam, ducimus maxime?
    </p>
  </body>
</html>
